<template>
    <div>
        <el-menu :default-openeds="['1', '3']" style="height: 100%;overflow-x: hidden" router>
            <div style="height: 60px;line-height: 60px;text-align: center;">
                <img src="../assets/logo.png"
                     style="height: 30px;width: 30px;text-align: center;padding-top: 15px">
                <b style="color: #6a7076;">后台管理系统</b>
            </div>
            <el-submenu index="1">
                <template slot="title">
                    <i class="el-icon-house"></i>
                    <span>主页</span>
                </template>
                <el-menu-item-group>
                    <template slot="title">导航</template>
                    <el-menu-item index="home">主页</el-menu-item>
                </el-menu-item-group>
            </el-submenu>
            <el-submenu index="2">
                <template slot="title">
                    <i class="el-icon-s-management"></i>
                    <span>用户管理</span>
                </template>
                <el-menu-item-group>
                    <template slot="title">管理</template>
                    <el-menu-item index="user">用户管理</el-menu-item>
                    <el-menu-item index="2-2">选项2</el-menu-item>
                </el-menu-item-group>
                <el-menu-item-group title="分组2">
                    <el-menu-item index="2-3">选项3</el-menu-item>
                </el-menu-item-group>
                <el-submenu index="2-4">
                    <template slot="title">选项4</template>
                    <el-menu-item index="2-4-1">选项4-1</el-menu-item>
                </el-submenu>
            </el-submenu>
<!--            <el-submenu index="3">
                <template slot="title">
                    <i class="el-icon-setting"></i>
                    <span>导航三</span>
                </template>
                <el-menu-item-group>
                    <template slot="title">分组一</template>
                    <el-menu-item index="3-1">选项1</el-menu-item>
                    <el-menu-item index="3-2">选项2</el-menu-item>
                </el-menu-item-group>
                <el-menu-item-group title="分组2">
                    <el-menu-item index="3-3">选项3</el-menu-item>
                </el-menu-item-group>
                <el-submenu index="3-4">
                    <template slot="title">选项4</template>
                    <el-menu-item index="3-4-1">选项4-1</el-menu-item>
                </el-submenu>
            </el-submenu>-->
        </el-menu>
    </div>
</template>

<script>
    export default {
        name: "Aside"
    }
</script>

<style scoped>

</style>